<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #b{
        font-size:18px;
        text-indent:1em;
        background-color:#0f7cdf;
        width:200px;
        line-height:35px;
    }
    #c{
        font-size:15px;
        margin-left:20px;
    }
    a{
        text-decoration:none ;
    }
    #c{
        font-size:14px;
        font-weight:900;
        line-height:30px;
        background-color:#e4f1fa;
        height: 25px;
        width: 200px;
        color: #0f7cbf;   
    }
    #c a{
        margin-left: 30px;
    }
    #c a:hover{
        text-decoration: underline;
            color: #f60;
    }
    #d{
            font-size: 12px;
            line-height: 20px;
            color: #666666;
        }
        #d3 span{
            margin-left: 10px;
            margin-right: 10px;
        }
</style>
<body>
   <div>
      <div id="b"><b>家用电器</b></div>
      <div id="c"><a href="#">大家电</a></div>
      <div id="d">
        <div>
            <span>平板电视</span>
            <span>洗衣机</span>
            <span>冰箱</span>
        </div>
        <div>
            <span>空调</span>
            <span>烟机/灶机</span>
            <span>热水器</span>
        </div>
        <div>
            <span>冰柜/酒柜</span>
            <span>消毒柜</span>
            <span>家庭影院</span>
        </div>
      </div>
    </div>
    <div id="c"><a href="#">生活电器</a></div>
      <div id="d">
        <div>
            <span>平板电视</span>
            <span>洗衣机</span>
            <span>冰箱</span>
        </div>
        <div>
            <span>空调</span>
            <span>烟机/灶机</span>
            <span>热水器</span>
        </div>
        <div>
            <span>冰柜/酒柜</span>
            <span>消毒柜</span>
            <span>家庭影院</span>
        </div>
     </div>
     <div id="c"><a href="#">厨房电器</a></div>
      <div id="d">
        <div>
            <span>平板电视</span>
            <span>洗衣机</span>
            <span>冰箱</span>
        </div>
        <div>
            <span>空调</span>
            <span>烟机/灶机</span>
            <span>热水器</span>
        </div>
        <div>
            <span>冰柜/酒柜</span>
            <span>消毒柜</span>
            <span>家庭影院</span>
        </div>
     </div>
     <div id="c"><a href="#">五金家装</a></div>
      <div id="d">
        <div>
            <span>平板电视</span>
            <span>洗衣机</span>
            <span>冰箱</span>
        </div>
        <div>
            <span>空调</span>
            <span>烟机/灶机</span>
            <span>热水器</span>
        </div>
        <div>
            <span>冰柜/酒柜</span>
            <span>消毒柜</span>
            <span>家庭影院</span>
        </div>
     </div>
    </div>
    </div>
    </div>
   </div>
</body>
</html>